<!DOCTYPE html>
<html lang="en">
<head>
<title>huangliusong</title>
<script type="text/javascript" src="./jquery.js"></script>
</head> 

<body>
		<input id="input" type="text"/>
		<button id="btn">提交</button>
		<ul id="list">
		</ul>

		<script type="text/javascript">
			function Page(){

			}
			$.extend(Page.prototype,{
				init:function(){
					this.bindEvents()
				},
				bindEvents:function(){
					var btn=$('#btn');
					btn.on('click',$.proxy(this.handleBtnClick,this))
				},
				handleBtnClick:function(){
					var inputValue=$("#input").val();
					
					var ulElem=$("#list");
					ulElem.append('<li>'+inputValue+'</li>')
				}
			
			})
			var page=new Page();
			page.init();
		</script>
</body>
</html>